<!-- <template>
  <div style="background-color: #fff;">
    <XtxSkeleton :width="50" :height="30"></XtxSkeleton>
    <XtxSkeleton :width="80" :height="40"></XtxSkeleton>
    <XtxSkeleton :width="100" :height="50"></XtxSkeleton>
    <XtxSlider></XtxSlider>
  </div>
</template> -->

<!-- <template>
  面板组件测试
  <home-panel title="人气推荐" sub-title="人气爆款 不容错过">
    <template #right>
      测试查看更多
      <xtx-more path="/login"></xtx-more>
    </template>
    <template>
      <div>我是主体内容</div>
    </template>
  </home-panel>
</template> -->
<template>
  <Tack></Tack>
  {{ countTime }}
  {{ isActive }}
</template>

<script>
import { useCountDown } from '@/compositions/useCountDown'
import Tack from '../Task'
// import HomePanel from '@/views/Home/components/home-panel'
// import { message } from '@/components/Message'

// setTimeout(() => {
//   message({ type: 'error', text: '登录失败' })
// }, 2000)

export default {
  components: {
    // HomePanel
    Tack
  },
  setup () {
    const { countTime, start, stop, isActive } = useCountDown()
    start(60)

    setTimeout(() => {
      stop()
    }, 5000)
    return {
      countTime,
      isActive
    }
  }
}
</script>
